<!DOCTYPE THML>
<html>
	<head>
		<meta charset = "utf-8">
		<title>爱心鱼H5小游戏</title>
		<style type="text/css">
			html{
				position: absolute;
				left: 50%;
				top: 50%;
				margin-left: -400px;
				margin-top: -300px;
			}
		body{
				padding-top: 10px;
		}
		.all_bg{
				width: 800px;
				height: 600px;
				margin: 0px auto;
		}
		#allcanvas{
				position: relative;
				width: 800px;
				height: 600px;
				margin: 0px;
		}
		#canvas1 {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
		}
		#canvas2 {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 0;
		}
		</style>
	</head>

	<body>
		<div classs = "all_bg">
				<div id = "allcanvas">
						<canvas id = "canvas1" width="800" height="600"></canvas>
						<canvas id = "canvas2" width="800" height="600"></canvas><!--叠加在一起-->
				</div>
		</div>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="js/commonFunctions.js"></script>
		<script type="text/javascript" src="js/background.js"></script>
		<script type="text/javascript" src="js/ane.js"></script>
		<script type="text/javascript" src="js/fruit.js"></script>
		<script type="text/javascript" src="js/mom.js"></script>
		<script type="text/javascript" src="js/data.js"></script>
		<script type="text/javascript" src="js/wave.js"></script>
		<script type="text/javascript" src="js/halo.js"></script>
		<script type="text/javascript" src="js/baby.js"></script>
		<script type="text/javascript" src="js/dust.js"></script>
		<script type="text/javascript" src="js/collision.js"></script>
	</body>
</html>
